<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
    <link rel="stylesheet" href="index/css/login.css">
    <link rel="stylesheet" href="base/plugins/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="base/plugins/font-awesome-4.7.0/css/font-awesome.css">

    
    <script src="base/plugins/layui/layui.js"></script>
</head>
	<script>
	layui.use('carousel', function(){
	  var carousel = layui.carousel;
	  //建造实例
	  carousel.render({
	    elem: '#test1'
	    ,width: '600px' //设置容器宽度
	    ,height:'400px'//设置容器高度
	    ,arrow: 'hover' //始终显示箭头
	    //,interval:'6000'
	    //,anim: 'updown' //切换动画方式
	  });
	});
	</script>
<body>
    <!-- 顶部 -->
    <div id="top" class="top">
        <img src="images/软件学院1.png">
        <div id="top_log" class="top_log"><span>车辆充油管理系统</span></div>
        <div id="" class="top_que">
        	<a href="#">问题反馈</a>&nbsp;|&nbsp;<a href="#">更新日志</a>&nbsp;|&nbsp;<a href="#">使用协议</a>&nbsp;|&nbsp;<a href="#">帮助中心</a>
        </div>
    </div><br>

    <!-- 中间部分 -->
    <div id="" class="center">
	    <div class="layui-carousel" id="test1">
	        <!--轮播图主题内容-->
	        <div carousel-item>
	            <div> <img src="images/1.jpg" /></div>
	            <div><img src="images/2.jpg" /></div>
	            <div><img src="images/3.jpg" /></div>
	            <div ><img src="images/4.jpg" /></div>
	        </div>
	    </div>
	    <div class="center_form">
	        <form>
	        	<div class="form_1">
	        		<span style="font-size: 24px;color: #2684C2;text-align: center;" >登录</span>
	        	</div>
	        	<div class="loginGroup_item"><i class="fa fa-user"></i>
	            	<input type="text" placeholder="请输入您的账号" class="layui-input">
	        	</div>
	        	 <div class="loginGroup_item"><i class="fa fa-key"></i>
	            	<input type="password" placeholder="请输入您的密码" class="layui-input">
	            </div>
	            <div class="canvas">
	            	<input type="text" placeholder="输入验证码" class="layui-input">
	            	<div class="canvas_img"><img src="images/myCanvas.png"></div>
	            </div class="canvas">
	            <div class="form_foot">
	            	<div class="form_2">
	            		<label>记住密码</label>
	            		<div class="is_save"><input type="checkbox" class="is_save" id="is_save"></div>
	            	</div>
	            	<div class="form_3">
			            <span>忘记密码&nbsp;|</span>
			            <span>注册</span>
		        	</div>
	        	</div>
	            <button type="submit" class="btn">登录</button>
	        </form>
	    </div>
	</div>
    </div>

    <!-- 底部 -->
    <div class="foot">
    	<div class="foot_content">
    		<div>
	        	<img class="ios" src="images/ios.jpg">
	        	<img class="android" src="images/android.jpg">
	        	<div class="ins"><label style="color: red">多核浏览器请使用"极速/高速"模式</label></div>
		    </div>

		    <!-- 水平线 -->
		    <hr align="" size="" width="" color="black" nashade="noshade">

		    <!-- 版权 -->
		    <div class="foot_version">
		        <label>Copyright © 2016 - 2019 &nbsp;&nbsp;All Rights Reserved.湖南科技职业学院 &nbsp;&nbsp;&nbsp;建议使用 Chrome/Firefox &nbsp;系列浏览器&nbsp;1440*900屏幕分辨率</label>
		    </div>
    	</div>
    </div>
</body>
</html>